<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <meta name="viewport" content="width=device-width, initial-scale=1.0">
    <title>css引入方式</title>
    <style>
/* 通过选择器来找到对应元素再添加样式 */
/* 标签选择器,选择所有同名标签 */
    h2{
        color: blueviolet;
    }
    </style>
    <link rel="stylesheet" href="./my.css">
</head>
<body>
    <!-- 内联样式 -->
    <h1 style="color: red;">内联样式1</h1>
    <h1 style="color: red;">内联样式2</h1>
    <!-- 内部样式 -->
    <h2>内部样式1</h2>
    <h2>内部样式2</h2>
    <!-- 外部样式 -->
    <h3>外部样式1</h3>
    <h3>外部样式2</h3>
</body>
</html>